:root {
    --main-gradient: linear-gradient(to right, #0c3df4 0%, #02b5ff 100%);
    --theme-blue: #8c52ff;
    --theme-text-blue:#0781FA;
    --theme-bg-blue: #0965F8;
    --ruso: 'Russo One', sans-serif;
    --montserrat: 'Montserrat', sans-serif;
}

body {
    /* font-family: 'inter', sans-serif; */
    /* font-family: 'Russo One', sans-serif; */


}

h2 {
    font-family: 'Russo One', sans-serif;
}

p {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

.ff-rusOne {
    font-family: 'Russo One', sans-serif !important;
}

.ff-montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

.theme-blue-bg {
    background: #0965F8;
}

.theme-blue-color {
    color: #0965F8;
}

.section-padding-100 {
    padding: 100px 0;
}

.section-padding-50 {
    padding: 50px 0;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.section-head>h2 {
    font-size: 30px;
}

/* ========================================== */
/* header code start  */
/* ========================================== */
.navbar.nav-scroll {
    background: #fff !important;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    padding: 0;
    position: fixed !important;
    top: -100px !important;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 5px 0px;
    z-index: 9999;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
nav.navbar {
    z-index: 9;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
ul.dropdown-menu>li:last-child>a {
    padding-bottom: 10px;
}

ul.dropdown-menu>li:first-child>a {
    padding-top: 10px;
}

.business-process-section-three {
    background: #F3F7FE;
}

.section-head>h2 {
    font-weight: 800;
}

.dropdown-menu {
    border-radius: 50px !important;
}

.sections-Wrapper>section {
    overflow: hidden;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: #3a74d0;
}

.ai-logo {
    max-width: 80px;
    width: 100%;
}
.navbar .nav-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .nav-side .hotline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .nav-side .hotline .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--main-gradient);
    color: #fff;
    font-size: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.cb-navbar-container {
    border-radius: 25px;
    
}

ul.navbar-nav.ms-auto.mb-2.mb-lg-0 {}

.navbar-nav .nav-item a {
    color: white;
}

a.nav-link.active {
    color: rgb(0, 0, 0) !important;
}

.contact small,
h6 {
    color: white !important;
}

ul.navbar-nav {
    gap: 35px;
}

ul.dropdown-menu li a {
    color: white !important;
    background: var(--theme-blue);
}

ul.dropdown-menu {
    padding: 0px;
    border: none;
    margin-top: 18px !important;
}
.slider-tittle.one>h1 {
    margin-top: 50px;
    color: white;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
}
.slider-tittle.one>p {
    color: white;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.choose-area {
    position: relative;
    padding: 130px 0;
    overflow: hidden;
}
.choose-area .home-choose-img {
    position: relative;
    z-index: -1;
    padding-right: 30px;
}
.choose-area .home-choose-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 575px;
    background: var(--theme-blue);
    z-index: -2;
    top: -50px;
    border-top-right-radius: 70px;
    left: -50px;
}
.choose-area .home-choose-content {
    max-width: 100%;
}
.section-tittle {
    position: relative;
}
.section-tittle h2 {
    font-size: 35px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: "Playfair Display", serif;
    color: #181818;
    margin-bottom: 15px;
}
.choose-area .home-choose-content .section-tittle p {
    color: #616161;
    font-size: 16px;
    padding-right: 10%;
    margin-bottom: 20px;
}
.choose-area .home-choose-content ul {
    margin: 0;
    padding: 0;
}
.choose-area .home-choose-content ul li {
    color: #444343;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    display: block;
    padding-left: 22px;
}
.choose-area .home-choose-content ul li i {
    color: #6c84e6;
    position: absolute;
    top: 2px;
    left: 0;
}
.choose-area .home-choose-content ul {
    margin: 0;
    padding: 0;
}
.choose-area .home-choose-content ul li {
    color: #444343;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    display: block;
    padding-left: 22px;
}
.choose-area .home-choose-content ul li i {
    color: #6c84e6;
    position: absolute;
    top: 2px;
    left: 0;
}
.choose-area .home-choose-content .box-btn {
    background: var(--theme-blue);
    color: #fff;
    padding: 20px 40px;
    width: 30%;
}
.choose-area .home-choose-img>img {
    width: 100%;
}
.box-btn {
    padding: 18px 30px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    margin-right: 20px;
    margin-top: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 100px;
    overflow: hidden;
    background: #fff;
    color: #1d42d9;
    position: relative;
}
/* ========= */


.service-area {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}
.service-area .single-service {
    position: relative;
    -webkit-box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.07);
    box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, 0.07);
    padding: 50px 20px;
    background: url(https://templates.hibootstrap.com/edvi/default/assets/images/servicebg.png) center center;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.service-area .single-service .service-icon {
    width: 45px;
    height: 45px;
    background-color: var(--theme-blue);
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-area .single-service h2 {
    font-size: 24px;
    font-family: "Playfair Display", serif;
    color: #181818;
    margin-bottom: 12px;
}
.service-area .single-service .service-content p {
    margin-bottom: 0;
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 0px;
}
.service-area .single-service:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

/* ========= */

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .sld-1 {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/top-bg-lines-img.png');
    background-image: url('../images/cover-of-site.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
}
.sld-2 {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/top-bg-lines-img.png');
    background-image: url('../images/cover-of-site.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
}
.hover-animation {
    background-image: linear-gradient(to right, #54b3d6, #54b3d6 50%, #000 50%);
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  
  .hover-animation:before {
    content: ""; 
    background: #54b3d6;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    transition: all 0.3s ease-in-out;
  }
  
  .hover-animation:hover {
    background-position: 0;
  }
  
  .hover-animation:hover::before {
    width: 100%;
  }
  

/* ---  */
.home-teachers-area {
    position: relative;
    overflow: hidden;
}
.home-teachers-area .section-tittle {
    margin-bottom: 30px;
}
.section-tittle h2 {
    font-size: 35px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: "Playfair Display", serif;
    color: #181818;
    margin-bottom: 15px;
}

.home-teachers-area .single-home-teacher {
    margin-top: 30px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-height: 350px;
}
.home-teachers-area .single-home-teacher .teacher-img a {
    width: 100%;
}
.home-teachers-area .single-home-teacher .teacher-img img {
    width: 100%;
}
.home-teachers-area .single-home-teacher .teachers-content h2 {
    color: #616161;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.4;
    padding: 10px 5px;
}
.home-teachers-area .single-home-teacher .teachers-content p {
    color: #616161;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 500;
}
.home-teachers-area .single-home-teacher:hover .teacher-social {
    opacity: 1;
    bottom: 5px;
}
.home-teachers-area .single-home-teacher:hover .teacher-social::before {
    -webkit-box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.05);
}
.home-teachers-area .single-home-teacher .teacher-social::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 90%;
    height: 22px;
    left: 12px;
    bottom: 12px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.home-teachers-area .single-home-teacher .teacher-social ul li {
    display: inline-block;
}
.home-teachers-area .single-home-teacher .teacher-social ul li a {
    width: 35px;
    height: 35px;
    background: #fff;
    -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #1d42d9;
    transition: 0.3s;
}
.home-teachers-area .single-home-teacher .teacher-social ul li a i {
    font-size: 16px;
}




.events {
    padding: 75px 0;
    position: relative;
    padding-top: 150px;
}
.events .single-events {
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 30px;
}
.events .single-events .events-img a {
    width: 100%;
}
.events .single-events .events-img img {
    width: 100%;
}
.events .single-events .content {
    padding: 30px;
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}
.events .single-events .content h2 {
    font-size: 20px;
    font-weight: 600;
    font-family: "Playfair Display", serif;
    margin-bottom: 14px;
    color: #181818;
}
.events .single-events .content .calender {
    margin-bottom: 10px;
    color: #616161;
    font-size: 14px;
    font-weight: 500;}
.events .single-events .content .calender i {
    margin-right: 5px;

}
.events .single-events .content p {
    font-weight: 500;
    color: #616161;
}
.line-bnt {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #616161;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500;
}
.line-bnt i {
    margin-left: 1px;
    font-size: 14px;
    font-weight: bold;
}
.events .single-events:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
} 
.events .single-events:hover h2 {
    color: #1d42d9;
}
a{
    text-decoration: none;
}
.events .pagination .page-item .page-link {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: normal;
    margin: 0 10px;
    -webkit-box-shadow: 0px 0px 10px #e9ecef;
    box-shadow: 0px 0px 10px #e9ecef;
} 

ul.pagination {
    justify-content: center;
}
.home-contact-area {
    position: relative;
    overflow: hidden;
}
.home-contact-area .home-contact-content {
    position: relative;
    background: url(../images/contact-bg.png);
    background-size: cover;
    padding: 50px;
    border-radius: 40px;
    left: 0%;
    -webkit-box-shadow: 0 1px 10px 5px rgba(228, 221, 221, 0.363);
    box-shadow: 0 1px 10px 5px rgba(228, 221, 221, 0.363);
}
.home-contact-area .home-contact-content h2 {
    font-family: "Playfair Display", serif;
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: bold;
} 
.home-contact-area .home-contact-content .form-group {
    margin-bottom: 15px;
}
.home-contact-area .home-contact-content input.form-control {
    height: 60px;
    border-radius: 90px;
    border: 1px solid #c0ccff;
    padding-left: 20px;
}
.home-contact-area .home-contact-content textarea.form-control {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #c0ccff;
    height: 170px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    padding-top: 15px;
}
.home-contact-area .box-btn {
    background: var(--theme-blue);
    color: #fff;
    padding: 18px 25px;
    border: 1px solid transparent;
}
/* ---  */



.home-ragular-course .section-tittle {
    margin-bottom: 30px;
}

.section-tittle h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: playfair display, serif;
    color: #181818;
    margin-bottom: 15px;
}

.section-tittle p {
    color: #616161;
    font-family: poppins, sans-serif;
    font-size: 16px;
}

.home-ragular-course .single-ragular-course {
    margin-top: 30px;
    position: relative;
    -webkit-box-shadow: 2px 2px 20px 4px rgba(0,0,0,.07);
    box-shadow: 2px 2px 20px 4px rgba(0,0,0,.07);
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff;
    text-align: center;
    min-height: 620px;
}
.home-ragular-course .single-ragular-course .course-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: .8;
    background: var(--theme-blue);
    border-radius: 0 0 100% 100%;
}
.home-ragular-course .single-ragular-course .course-img img {
    border-radius: 0 0 100% 100%;
}
.home-ragular-course .single-ragular-course .course-img h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 31px;
    font-family: playfair display,serif;
    color: #fff;
    text-align: center;
}
img {
    max-width: 100%;
    height: auto;
}
.home-ragular-course .single-ragular-course .course-content {
    padding: 30px;
}
.home-ragular-course .single-ragular-course .course-content p {
    color: #616161;
    font-size: 16px;
}
.home-ragular-course .single-ragular-course .course-content a {
    border: 1px solid #1d42d9;
    color: #1d42d9;
    margin-top: 10px;
    margin-right: 0;
    text-decoration: none;
}
.border-btn {
    padding: 18px 30px;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-transform: capitalize;
    margin-right: 20px;
    margin-top: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 100px;
    border: 1px solid #fff;
    color: #fff;
    position: relative;
}
.border-btn:hover {
    color: #fff  !important;
    background: var(--theme-blue);
    border: 1px solid #1d42d9;
}
.home-ragular-course .single-ragular-course {
    margin-top: 30px;
    position: relative;
    -webkit-box-shadow: 2px 2px 20px 4px rgba(0,0,0,.07);
    box-shadow: 2px 2px 20px 4px rgba(0,0,0,.07);
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff;
    text-align: center;
    min-height: 620px; 
} 
.home-ragular-course .single-ragular-course:hover {
    transform: translateY(-15px);
}
/* ========================================== */
/* header code end  */
/* ========================================== */
/* contact us code  */

.contact {
    position: relative;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    /* background: url(https://templates.hibootstrap.com/edvi/default/assets/images/contact-bg1.png); */
    height: 400px;
    background-size: cover;
    background-position: center center;
    z-index: 2;
    background-attachment: fixed;
}

.contact::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/cover-of-site.jpg);
    left: 0;
    top: 0;
    background-size: cover;
    background-position-y: -280px;
    background-repeat: no-repeat;
}
.d-table {
    width: 100%;
    height: 100%;
}
.d-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.page-title-content {
    margin-top: 90px;
    text-align: center;
    position: relative;
}
.page-title-content h2 {
    font-size: 50px;
    font-weight: bold;
    font-family: "Playfair Display", serif;
    color: #fff;
}
.page-title-content ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
.page-title-content ul li a {
    font-size: 20px;
    color: #fff;
    position: relative;
}
.page-title-content ul li a::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background: #000;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.page-title-content ul li i {
    font-size: 16px;
    color: #fff;
    padding: 0 5px;
}
.page-title-content ul li p {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    position: relative;
}
.page-title-content ul li p::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background: #000;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.page-title-content ul li p:hover::before, .page-title-content ul li p.active::before {
    width: 100%;
}
.events-bg {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    background: url(https://templates.hibootstrap.com/edvi/default/assets/images/events/events-bg.png);
    height: 400px;
    background-size: cover;
    background-position: center center;
}
.events-bg::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/cover-of-site.jpg);
    left: 0;
    top: 0;
    background-size: cover;
    background-size: cover;
    background-position-y: -280px;
    background-repeat: no-repeat;
}
/* ----about page------ */

.about-area {
    padding: 75px 0;
}
.about-area .single-about .about-contnet h2 {
    font-family: "Playfair Display", serif;
    font-size: 24px;
    color: #181818;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}
.about-area .single-about .about-contnet p {
    color: #616161;
    padding-right: 5%;
    line-height: 30px;
}
.about-area .about-btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.about-area .about-btn .box-btn {
    background: var(--theme-blue);
    border: 1px solid transparent;
    color: #fff;
}
.about-area .about-btn .video-pop {
    margin-top: 26px;
    font-size: 16px;
    color: #1d42d9;
}
.about-area .about-btn .video-pop .video {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    border-radius: 50%;
    color: #1d42d9;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 8px rgba(228, 221, 221, 0.363);
    box-shadow: 0 0 20px 8px rgba(228, 221, 221, 0.363);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 10px 0 10px;
}

.about-area .about-btn .video-pop .video::before {
    -webkit-animation: animatin 2s linear infinite;
    animation: animatin 2s linear infinite;
}

.about-area .about-btn .video-pop .video::before, .about-area .about-btn .video-pop .video::after {
    -webkit-animation: animatin 1.2s ease-out infinite;
    animation: animatin 1.2s ease-out infinite;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #1d42d9;
}
.about-area .about-btn .video-pop .video i {
    font-size: 18px;
    position: relative;
    top: 1px;
    left: 2px;
}
.about-area .about-content-right {
    position: relative;
}
.about-area .about-content-right .about-search {
    height: 65px;
    border-radius: 90px;
    -webkit-box-shadow: 0px 10px 20px 1px #cabdbd4f;
    box-shadow: 0px 10px 20px 1px #cabdbd4f;
    border: none;
    padding-left: 18px;
    position: relative;
}
.about-area .about-content-right button {
    position: absolute;
    right: 30px;
    font-size: 25px;
    color: #616161;
    top: 14px;
    z-index: 6;
    background: transparent;
    border: none;
}
.about-area .about-content-right .visit {
    font-size: 24px;
    color: #121232;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 5px;
}
.about-area .about-content-right .about-list {
    margin: 0;
    padding: 0;
}
.about-area .about-content-right .about-list li {
    margin-bottom: 10px;
}
.about-area .about-content-right .about-list li a {
    font-size: 18px;
    position: relative;
    color: #616161;
}
.about-area .about-content-right .about-list li a i {
    font-size: 12px;
    margin-right: 5px;
}
.about-area .about-content-right .consultation-area {
    margin-top: 30px;
    padding: 30px;
    -webkit-box-shadow: 0px 10px 20px 1px #cabdbd4f;
    box-shadow: 0px 10px 20px 1px #cabdbd4f;
    border-radius: 30px;
}
.about-area .about-content-right .consultation-area h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #181818;
}
.about-area .about-content-right .consultation-area input.form-control {
    height: 50px;
    border-radius: 90px;
    margin-bottom: 15px;
    border: 1px solid #c0ccff;
    padding-left: 15px;
}
.about-area .about-content-right .consultation-area textarea.form-control {
    border-radius: 10px;
    border: 1px solid #c0ccff;
    max-height: 100px;
    min-height: 100px;
    padding-left: 15px;
}
.about-area .about-content-right .consultation-area .box-btn {
    background: var(--theme-blue);
    color: #fff;
    padding: 20px 40px;
}
/* footer code  */

.footer-area {
    position: relative;
    padding: 75px 0;
    overflow: hidden;
    background: url(https://templates.hibootstrap.com/edvi/default/assets/images/footer-area.png);
    background-size: cover;
    background: var(--theme-blue) !important;
}
.footer-area .footer-left p {
    color: #fff;
    margin-top: 20px;
}
.footer-area .footer-left .footer-social {
    margin: 0;
    padding: 0;
}
.footer-area .footer-left .footer-social li {
    display: inline-block;
}
.footer-area .footer-left .footer-social li a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 35px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 5px;
    color: #1d42d9;
    border: 1px solid transparent;
}
.footer-area .footer-left .footer-social li a i {
    font-size: 16px;
}
.fml-25 {
    margin-left: 25%;
}
.footer-area .footer-content h2 {
    color: #fff;
    font-size: 25px;
}
.footer-area .footer-content ul {
    margin: 0;
    padding: 0;
}
.footer-area .footer-content ul li a {
    font-size: 16px;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: 11px;
    position: relative;
}
.footer-area .footer-content ul li a i {
    font-size: 9px;
    margin-right: 2px;
}
.copy-area {
    padding: 15px 0;
    background: #000;
    text-align: center;
}
.copy-area .copy {
    margin: auto;
}
.copy-area .copy p {
    color: #fff;
    margin-bottom: 0;
}
.copy-area .copy a {
    color: #fff;
}


/* ===========footer code start ==================== */
.footer-area {
    background-color: #000;
    position: relative;
}

.footer-area .foot_l {
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.footer-area .foot_r {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
}

.footer-area .content {
    padding: 90px 0 70px;
    position: relative;
    z-index: 5;
}

.footer-area p,
.footer-area a,
.footer-area li {
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
}

.footer-area a:hover {
    color: var(--color-main);
}

.footer-area .text {
    color: #fff;
    font-size: 14px;
}

.footer-area .foot_info li {
    margin: 20px 0;
}

.footer-area .foot_info li i {
    color: var(--color-main);
    font-size: 16px;
}

.footer-area .social_icons {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-area .social_icons a {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #000000;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-area .social_icons a>i {
    font-size: 20px;
}

.footer-area .social_icons a:hover {
    background: var(--color-main-grad);
    color: #fff;
    background: linear-gradient(to right, #0c3df4 52%, #02b5ff 99%, #02b5ff, #0c3df4) !important;
    background: linear-gradient(180deg, #0595FC 0%, #024C80 100%) !important;
}

.footer-area .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-area .links li {
    margin: 8px 0;
    list-style: none;
}

.footer-area .link_title {
    color: #fff;
    margin: 10px 0 15px;
    font-size: 20px;
}

.footer-area .foot_subscribe input {
    background: #1f1f1f;
    color: #fff;
    font-size: 12px;
    border: 0;
}

.footer-area .foot_subscribe input::-webkit-input-placeholder {
    color: #fff;
}

.footer-area .foot_subscribe input:-ms-input-placeholder {
    color: #fff;
}

.footer-area .foot_subscribe input::-ms-input-placeholder {
    color: #fff;
}

.footer-area .foot_subscribe input::placeholder {
    color: #fff;
}

.footer-area .foot {
    position: relative;
    z-index: 5;
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid #fff3;
}

footer.style-2 {
    background-color: #010040;
}

footer.style-3 {
    position: relative;
    padding-top: 100px;
    overflow: hidden;
}

footer.style-3 .items .title {
    font-weight: bold;
    margin-bottom: 30px;
}

footer.style-3 .items .socail-icons {
    margin-top: 30px;
}

footer.style-3 .items .socail-icons a:hover {
    background-color: var(--color-blue2) !important;
    color: #fff !important;
}

footer.style-3 .items ul li {
    margin: 5px 0;
}

footer.style-3 .items ul li a {
    font-size: 12px;
}

footer.style-3 .items ul li a:hover {
    color: var(--color-blue2);
}

footer.style-3 .foot {
    padding: 35px 0 30px;
    position: relative;
    margin-top: 80px;
}

footer.style-3 .foot .logo {
    width: 120px;
}

footer.style-3 .foot .testi_lines {
    position: absolute;
    top: -10px;
}

footer.style-3 .contact_globe {
    position: absolute;
    height: 150%;
    max-height: none;
    width: 60%;
    top: -25%;
    left: 20%;
    opacity: 0.15;
    -webkit-animation: rotate-center 100s linear infinite both;
    animation: rotate-center 100s linear infinite both;
}

footer.style-4 {
    position: relative;
    background-color: #f0eff5;
    margin-top: 200px;
}

footer.style-4 .wave {
    position: absolute;
    left: -3%;
    bottom: 95%;
    width: 106%;
    max-width: unset;
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    z-index: 20;
}

footer.style-4 .container {
    position: relative;
    z-index: 25;
}

footer.style-4 .foot {
    border-bottom: 1px solid #9999;
    padding: 30px 0;
}

footer.style-4 .foot .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

footer.style-4 .foot .links li a {
    font-size: 12px;
    margin: 0 15px;
    font-weight: bold;
}

footer.style-4 .foot .links li a:hover,
footer.style-4 .foot .links li a.active {
    color: var(--color-blue4);
}

footer.style-4 .copywrite {
    padding: 35px 0;
}

footer.style-5 {
    position: relative;
    padding-top: 100px;
    overflow: hidden;
}

footer.style-5 .items .title {
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
    line-height: 1;
}

footer.style-5 .items .socail-icons {
    margin-top: 30px;
}

footer.style-5 .items .socail-icons a:hover {
    background-color: var(--color-blue5) !important;
    color: #fff !important;
}

footer.style-5 .items ul li {
    margin: 5px 0;
}

footer.style-5 .items ul li a {
    font-size: 12px;
}

footer.style-5 .items ul li a:hover {
    color: var(--color-blue5);
}

footer.style-5 .foot {
    padding: 35px 0 30px;
    position: relative;
    margin-top: 80px;
}

footer.style-5 .foot .logo {
    width: 120px;
}

footer.style-6 {
    position: relative;
    padding-top: 100px;
    overflow: hidden;
}

footer.style-6 .items .title {
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
}

footer.style-6 .items .socail-icons {
    margin-top: 30px;
}

footer.style-6 .items .socail-icons a:hover {
    background-color: var(--color-blue6) !important;
    color: #fff !important;
}

footer.style-6 .items ul li {
    margin: 5px 0;
}

footer.style-6 .items ul li a {
    font-size: 12px;
}

footer.style-6 .items ul li a:hover {
    color: var(--color-blue6);
}

footer.style-6 .form .form-group {
    position: relative;
}

footer.style-6 .form .form-group .icon {
    position: absolute;
    top: 12px;
    left: 15px;
}

footer.style-6 .form .form-group input {
    width: 100%;
    border: 1px solid #9993;
    border-radius: 30px;
    min-height: 45px;
    font-size: 12px;
    padding: 0 40px;
}

footer.style-6 .form .form-group button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: var(--color-blue6);
    border: 0;
    color: #fff;
}

footer.style-6 .foot {
    padding: 35px 0 30px;
    position: relative;
    margin-top: 80px;
}

footer.style-6 .foot .logo {
    width: 120px;
}

footer.style-7 {
    position: relative;
    background: url(../img/foot_7_pattern.png) #f0eff5;
    padding-bottom: 40px;
    background-size: cover;
    background-position: bottom;
}

footer.style-7 .info-logo {
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
}

footer.style-7 .info-logo .logo {
    width: 200px;
    margin-bottom: 40px;
}

footer.style-7 .info-logo .text {
    font-size: 16px;
    margin-bottom: 30px;
}

footer.style-7 .info-logo .social-links a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    color: #000;
    font-size: 16px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
}

footer.style-7 .info-logo .social-links a:hover {
    background-color: var(--color-blue7);
    color: #fff;
}

footer.style-7 .links-side {
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
}

footer.style-7 .links-side .links-group h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

footer.style-7 .links-side .links-group .links a {
    margin: 7px 0;
}

footer.style-8 {
    position: relative;
}

footer.style-8::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
    background: -webkit-linear-gradient(top, #fff, transparent);
    background: -o-linear-gradient(top, #fff, transparent);
    background: linear-gradient(to bottom, #fff, transparent);
    pointer-events: none;
}

footer.style-8 .container {
    position: relative;
    z-index: 10;
}

footer.style-8 .content .logo-social {
    padding-bottom: 30px;
    border-bottom: 1px solid #9993;
}

footer.style-8 .content .logo-social .foot-logo img {
    width: 150px;
}

footer.style-8 .content .logo-social .socials a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
}

footer.style-8 .content .logo-social .socials a:hover {
    background-color: var(--color-main);
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

footer.style-8 .content .links-content .foot-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 60px;
    text-transform: capitalize;
}

footer.style-8 .content .links-content p {
    font-size: 16px;
    color: #666;
}

footer.style-8 .content .links-content .foot-info li {
    font-size: 16px;
    margin: 10px 0;
}

footer.style-8 .content .links-content .links li {
    margin: 15px 0;
}

footer.style-8 .content .links-content .links a {
    font-size: 14px;
}

footer.style-8 .content .links-content .foot-subscribe .form-group {
    position: relative;
}

footer.style-8 .content .links-content .foot-subscribe .form-group .icon {
    position: absolute;
    top: 17px;
    left: 15px;
}

footer.style-8 .content .links-content .foot-subscribe .form-group .form-control {
    padding: 15px 15px 15px 40px;
    border-radius: 50px;
    background-color: #fff;
    border: 0;
}

footer.style-8 .content .links-content .foot-subscribe .form-group .form-control::-webkit-input-placeholder {
    color: #9999;
}

footer.style-8 .content .links-content .foot-subscribe .form-group .form-control:-ms-input-placeholder {
    color: #9999;
}

footer.style-8 .content .links-content .foot-subscribe .form-group .form-control::-ms-input-placeholder {
    color: #9999;
}

footer.style-8 .content .links-content .foot-subscribe .form-group .form-control::placeholder {
    color: #9999;
}

footer.style-9 {
    background-color: #111352;
}

footer.style-9 .foot-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-left: 30px;
    margin-bottom: 35px;
    margin-top: 90px;
    text-transform: capitalize;
}

footer.style-9 .foot-title::before {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: var(--theme-blue);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer.style-9 .links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer.style-9 .links li {
    margin: 7px 0;
    width: 100%;
}

footer.style-9 .links a {
    color: #b6b7d3;
    text-transform: capitalize;
}

footer.style-9 .links a:hover {
    color: #fff;
}

footer.style-9 .links a small {
    font-size: 10px;
}

footer.style-9 .foot {
    margin-top: 80px;
    padding: 40px 0;
    border-top: 1px solid #fff2;
}

footer.style-9 p {
    color: #b6b7d3;
}

footer.style-9 .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff1;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
}

footer.style-9 .social-icons a:hover {
    background-color: var(--color-darkBlue2);
}

.footer-area0 {
    position: relative;
    background-color: #000;
    color: #fff;
}

.footer-area0 .info-card {
    padding-top: 30px;
    border-top: 1px solid #fff2;
}

.footer-area0 .info-card h5 {
    font-size: 20px;
    font-weight: 500;
}

.footer-area0 .pattern {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer-area0 h5 {
    font-size: 20px;
}

.footer-area0 .subscribe-card .form-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #fff2;
    padding-bottom: 10px;
}

.footer-area0 .subscribe-card .form-group .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
}

.footer-area0 .subscribe-card .form-group input {
    width: 100%;
    border: 0;
    background: transparent;
    color: #fff;
}

.footer-area0 .subscribe-card .form-group input::-webkit-input-placeholder {
    color: #9999;
}

.footer-area0 .subscribe-card .form-group input:-ms-input-placeholder {
    color: #9999;
}

.footer-area0 .subscribe-card .form-group input::-ms-input-placeholder {
    color: #9999;
}

.footer-area0 .subscribe-card .form-group input::placeholder {
    color: #9999;
}

.footer-area0 .subscribe-card .form-group button {
    border: 0;
    background: transparent;
    color: var(--color-blue7);
}

.footer-area0 .subscribe-card p {
    color: #484848;
    margin-top: 5px;
}

.footer-area0 .foot {
    padding: 40px 0;
    position: relative;
}

.footer-area0 .foot::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#fff2), color-stop(#fff2), color-stop(#fff2), to(transparent));
    background: -webkit-linear-gradient(left, transparent, #fff2, #fff2, #fff2, transparent);
    background: -o-linear-gradient(left, transparent, #fff2, #fff2, #fff2, transparent);
    background: linear-gradient(to right, transparent, #fff2, #fff2, #fff2, transparent);
}

.footer-area0 .foot .navbar-brand {
    width: 170px;
}

.footer-area0 .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    border: 1px solid #fff3;
}

.footer-area0 .social-icons a:hover {
    background-color: var(--color-orange2);
}

.footer-area1 {
    background-color: #1b1b20;
    color: #fff;
}

.footer-area1 .foot-links {
    position: relative;
}

.footer-area1 .foot-links::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#fff2), color-stop(#fff2), color-stop(#fff2), to(transparent));
    background: -webkit-linear-gradient(left, transparent, #fff2, #fff2, #fff2, transparent);
    background: -o-linear-gradient(left, transparent, #fff2, #fff2, #fff2, transparent);
    background: linear-gradient(to right, transparent, #fff2, #fff2, #fff2, transparent);
}

.footer-area1 .foot-links .links-item {
    margin-top: 40px;
}

.footer-area1 .foot-links .links-item h6 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}

.footer-area1 .btn * {
    line-height: 1;
}

.footer-area1 a {
    font-size: 16px;
    color: #87878e;
    margin: 6px 0;
}

.footer-area1 a:hover {
    color: var(--color-green) !important;
}

.footer-area1 p {
    font-size: 16px;
    color: #87878e;
    margin: 6px 0;
}

.footer-area1 .foot {
    background-color: #131317;
    padding: 20px 0;
}

.footer-area1 .foot .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
    border: 1px solid #fff1;
}

.footer-area1 .foot .social-icons a:hover {
    background-color: var(--color-green);
}

.footer-area2 {
    background-color: #0f0e13;
}

.footer-area2 p {
    font-size: 16px;
    color: #93919b;
}

.footer-area2 a {
    font-size: 16px;
    color: #93919b;
}

.footer-area2 a:hover {
    color: var(--color-yellowGreen);
}

.footer-area2 .content {
    padding: 90px 0;
}

.footer-area2 .content .foot-logo {
    width: 170px;
}

.footer-area2 .content .links h6 {
    margin-bottom: 30px;
    font-size: 18px;
}

.footer-area2 .content .links ul li {
    margin: 10px 0;
}

.footer-area2 .foot {
    padding: 30px 0;
    border-top: 1px solid #fff2;
    text-align: center;
}

.footer-area2 .foot p {
    font-size: 18px;
}

.footer-area3 {
    position: relative;
    background-color: #000;
}

.footer-area3::before {
    position: absolute;
    content: "";
    right: 0;
    top: -1px;
    height: 150px;
    width: 100%;
    background-color: #eaedf2;
}

.footer-area3 .content {
    background-color: #fff;
    padding: 100px 0;
    border-top-right-radius: 20px;
    position: relative;
    z-index: 10;
}

.footer-area3 .content h2 {
    font-size: 40px;
    margin-bottom: 20px;
    position: relative;
}

.footer-area3 .content h2::before {
    position: absolute;
    content: "\f086";
    font-family: "Font Awesome 5 pro";
    left: -50px;
    top: -50px;
    font-size: 100px;
    font-weight: 100;
    opacity: 0.1;
    pointer-events: none;
}

.footer-area3 .content p {
    font-size: 20px;
    color: #666;
}

.footer-area3 .foot {
    padding: 30px 0;
    color: #fff;
}

.footer-area3 .foot p {
    color: #999;
}

.footer-area3 .foot p a {
    color: #fff;
}

.footer-area3 .foot .links {
    text-align: center;
}

.footer-area3 .foot .links a {
    margin: 0 10px;
    color: #999;
}

.footer-area3 .foot .links a:hover {
    color: #fff;
}

@media screen and (min-width: 991px) {
    .footer-area3 {
        padding-right: calc((100vw - 1170px) / 2);
    }
}

.footer-area4 {
    background-color: #ecf0f3;
    background-image: url(../img/footer/foot_14_pattern.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-area4 .payment-cards {
    position: relative;
}

.footer-area4 .payment-cards::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background-color: #fff;
}

.footer-area4 .payment-cards .row .col-lg-3:nth-of-type(2) .pay-card {
    background-color: #a81220;
}

.footer-area4 .payment-cards .row .col-lg-3:nth-of-type(3) .pay-card {
    background-color: #980d1a;
}

.footer-area4 .payment-cards .row .col-lg-3:nth-of-type(4) .pay-card {
    background-color: #700710;
}

.footer-area4 .payment-cards .pay-card {
    padding: 30px;
    color: #fff;
    background-color: #cc2131;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-area4 .payment-cards .pay-card .icon img {
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer-area4 .foot-info .foot-logo {
    margin-bottom: 40px;
}

.footer-area4 .foot-info .foot-logo img {
    width: 175px;
}

.footer-area4 .social-icons {
    margin-top: 40px;
}

.footer-area4 .social-icons a {
    width: 45px;
    height: 45px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
}

.footer-area4 .links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-area4 .links ul li {
    width: 50%;
    margin: 7px 0;
}

.footer-area4 a:hover {
    color: var(--color-red1);
}

.footer-area4 p {
    color: #666;
    font-size: 16px;
}

.footer-area5 {
    background-color: #04000e;
}

.footer-area5 .content {
    padding: 90px 0;
}

.footer-area5 .content .foot-logo-social .foot-logo img {
    width: 170px;
}

.footer-area5 .content .foot-logo-social .social-icons a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #fff5;
    color: #fff;
    border-radius: 50%;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
}

.footer-area5 .content .foot-logo-social .social-icons a:hover {
    background-color: var(--color-red2);
    border-color: var(--color-red2);
}

.footer-area5 .content .links-content h6.sub-title {
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    opacity: 40%;
    margin-bottom: 20px;
}

.footer-area5 .content .links-content .main-links ul li {
    width: 50%;
}

.footer-area5 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-area5 ul li {
    margin: 8px 0;
    width: 100%;
}

.footer-area5 a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.footer-area5 a:hover {
    color: var(--color-red2);
}

.footer-area5 .foot {
    border-top: 1px solid #fff2;
    padding: 30px 0;
    text-align: center;
}

.footer-area5 .foot p {
    color: #918d98;
}

.icons-footer {
    width: 25px;
    height: 30px;
    height: auto;
    margin-right: 10px;
}

.cont ul {
    padding: 0px;
}
.card-icon>svg {
    width: 42px;
    height: 42px;
}
svg.mail {
    width: 20px;
    margin-right: 15px;
}

svg.phone {
    width: 23px;
}

.newsletter-input-wrap {
    background: #333;
    border-radius: 10px;
    border-radius: 10px;

}

.newsletter-input-wrap>button {
    background: #1f1f1f;
    border-radius: 10px;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #0595FC 0%, #024C80 100%);
    margin-left: -10px !important;
}

.links-ul li.active>a {
    color: #02B0FF;
}

.partner-with-cg-ul {
    padding: 0px;
}

.serv-icons {
    width: 40px;
    height: 40px;

}
a.nav-link {
    color: black !important;
    font-weight: 600;
}
/* ================footer code end==================== */



/* .cb-top-section {
    width: 100%;
    height: 100%;
    background-image: url('https://templates.hibootstrap.com/edvi/default/assets/images/home-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
} */

.cb-bot-img-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/big-brain-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cb-bot-img-wrap-inner>img {
    margin-top: -25px;
}

/* section 2 code  */
.section-two-home .content {
    padding: 65px 80px;
    overflow: hidden;
    z-index: 5;
    border-radius: 20px;
    background: linear-gradient(180deg, #0A56A1 0%, #0781FA 100%);
    box-shadow: 0px 4px 0px 0px #5AADFF;
}

.section-two-home .bull-img {
    width: 35px;
    height: auto;
    margin-right: 15px;
    object-fit: contain;
}
svg.home-topicons {
    width: 100px;
    height: 100px;
}
.section-two-home .bullets {
    font-size: 16px;
    color: #fff;
    padding: 6px 0;
    list-style: none;
}

.section-two-home .bullets>a {
    display: flex;
    align-items: center;
}

.section-two-home .bullets>a>p {
    margin: 0px;
}


.section-two-home .content .about-info .title h3 {
    font-family: Russo One;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.title>small {
    font-size: 20px;
}

.E-Y-Email {
    display: flex;
    margin-top: 15px;
    gap: 20px;
}

button.join-pp {
    /* font-size: 11px;
    background: #fff;
    color: var(--theme-blue);
    font-weight: 600;
    border: none;
    width: 140px !important;
    height: 38px;
    padding: 0 10px; */
    color: #0878E7;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 1px solid #FEFEFE;
background: #FFF;
}

.E-Y-Email>input {
    background: transparent;
    border-radius: 0px;
    max-width: 250px;
}

.E-Y-Email>input::placeholder {
    color: white;
}

.cb-title-main>h2 {
    background: linear-gradient(148deg, #0781FA, #0A56A1);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 40px;
    font-weight: 800;

    
}
.cb-title-main>h2 {

    font-family: Russo One;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: linear-gradient(120deg, #5AF -2.88%, #045DB6 75.56%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cb-title-main-text p{
    color: #000;
text-align: justify;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

img.section-2-bg-left {
    position: absolute;
    top: -86px;
    left: 0px;
}

img.section-2-bg-right {
    position: absolute;
    right: 0px;
    top: 10px;
}

img.section-2-overlay-1 {
    position: absolute;
    top: 30px;
    left: -51px;
    z-index: -1;
}

img.section-2-overlay-2 {
    position: absolute;
    bottom: -90px;
    left: 0px;
    z-index: -1;
}

.title {
    width: 70%;
}

.about-numbers .num-item .num {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    /* min-width: 70px; */
    text-align: center;
}

.about-numbers .num-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-numbers .num-item .inf {
    text-transform: uppercase;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.about-numbers {
    padding: 0px 50px !important;
}
.num span {
    font-weight: 700;
}

span.plus {
    font-weight: 800;
    margin-left: -2px;
}

.p-w-cg-top-img-wrap {
    width: 90% !important;
}

.cb-navbar-container>.navbar-toggler {
    text-decoration: none;
    border: 1px solid white !important;
    padding: 8px 6px;
}

span.navbar-toggler-bars {
    display: block;
    width: 30px;
    height: 2px;
    background: white;
}

.n-t-middle {
    margin: 6px 0px;
}

/* ==============section 3 code============  */
img.section-3-bg-1 {
    position: absolute;
    top: 0px;
    /* border: 2px solid; */
    width: 100%;
    z-index: -1;
    height: auto;
}

h2.section-title-text>span {
    color: #0968C6;
    font-weight: 700;
}

h2.section-title-text {
    font-weight: 700;
}

.sec-three-boxes-row {
    width: 97%;
}

.card-top {
    background: linear-gradient(to bottom, #02B0FF, #0C3EF4);
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
}

.ai-service-box.card {
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 435px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sec-three-boxes-row .ai-service-box.card {
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 470px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sec-three-boxes-row .card-title {
    text-align: start !important;
}

/* =======secion 4 code  */
.list-icon {
    list-style: none;
    padding: 0px;
}

.list-icon li .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--theme-blue);
    ;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
}

.list-icon li h6 {
    font-size: 15px;
    font-weight: 700;
    color: black !important;
}

ul.list-icon>li {
    display: flex;
    align-items: center;
    margin: 10px 0px;
}

img.ind-we-serve-bg-1 {
    position: absolute;
    top: 0px;
    left: -50px;
}

img.ind-we-serve-bg-2 {
    position: absolute;
    top: -100px;
    right: 0px;
}

.section-head>h2>span {
    color: var(--theme-text-blue);
    font-family: Russo One;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.card-text-btn-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: auto;
}

.register-img-left>img {
    width: 100%;
    max-width: 400px;
    height: auto;
}


/* ==============section 5 code============  */
.section-head>h2>span {
    color: var(--theme-text-blue);
    font-family: Russo One;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ai-success-metric-card .card-text {
    color: var(--theme-blue);
    font-size: 22px;
}

.ai-success-metric-card .card-title {
    height: 150px;
    font-weight: 800;
}

.bdr-bottom {
    height: 20px;
}

.card.mb-3.ai-success-metric-card {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: none;
}

.section-six-home {
    background: #025DB7;
}

.get-free-consultation {
    border-radius: 20px !important;
    background: linear-gradient(270deg, #96D1DB -99.18%, #0A8EFB 97.7%);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.01);
    width: 246px;
    height: 43px;
    font-weight: 500;
    color: white;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    gap: 19px;
    align-items: center;
    min-width: 250px;
    position: relative;
    z-index: 9;
}

.get-free-consultation>span:nth-child(1) {

    display: block;
}

.b-i-s-top-btns {
    z-index: 9;
    position: relative;
}

.get-free-consultation>span:nth-child(2) {
    width: 44px;
    height: 34px;
    border-radius: 15px;
    background: #FFF;
    display: block;
}

.get-free-consultation>span:nth-child(2)>i {
    vertical-align: sub;
}

img.boost-business-overlay-1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

img.boost-business-overlay-2 {
    position: absolute;
    top: 0px;
    right: 0px;
}

.section-eight-home {
    background: linear-gradient(180deg, #03A5FE -68.03%, #0A53F6 100%);
}

.read-wrap>.btn {
    width: 154px;
    height: 40px;
    border-radius: 19px !important;
}

.card.ai-blog-card-home {
    border-radius: 32px;
    background: #FDFDFD;
    border: none;
    box-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.20);
}

.tips-tricks {
    display: flex;
    justify-content: space-between;
}

.card.ai-blog-card-home .card-text {
    color: #6D6D6D;
    line-height: normal;
}

.star {
    position: absolute;
    top: 15px;
    left: 72px;
    font-weight: 700;
    color: red !important;
}

.reg-text-area {
    border-radius: 35px;
}

.upload-wrap {
    padding: 12px;
    border: 1px solid #d5d5d5;
    border-radius: 50px;
}

/* ==============section 6 code============  */
.home-slider-card>img {
    width: 120px;
    height: auto;
    top: 40px;
    position: absolute;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-slider-card {
    background: linear-gradient(180deg, #2091DA 0%, #086CF8 100%);
    /* filter: drop-shadow(0px 4px 50px rgba(0, 0, 0, 0.25)); */
    color: white;
    border-radius: 50px;
}

.home-slider-card .card-text {
    margin-top: 15px;
}

.slider-wrapper .swiper-slide {
    margin: 100px 0px;
}

.home-slider-card .card-body {
    text-align: center;
    min-height: 275px;
}

.slides-wrapper {
    margin-top: 10px;
    margin-bottom: 50px;
}

.sld-icons-wrap>a {
    float: right;
    margin: 20px 2px;
    background: white;
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.sld-icons-wrap>a>i {
    color: var(--theme-blue);
}

.swp-btn-wrap {
    position: absolute;
    right: 0px;
    width: 100px;
    top: 0px;
}

.swp-btn-wrap>.swp-next {
    background: #5BACDE;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.swp-btn-wrap>.swp-prev {
    background: #5BACDE;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.swp-btn-wrap>.swp-next:after,
.swp-btn-wrap>.swp-prev:after {
    font-size: 20px;
}

/* ==============services section 1 code============  */

.services-top-section {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/services-bgtop-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
}

.ai-services-row .get-free-consultation {
    border-radius: 15px;
    background: linear-gradient(270deg, #96D1DB -99.18%, #0A8EFB 97.7%);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.01);
    width: 221px;
    height: 43px;
    font-weight: 500;
    color: white;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    gap: 19px;
    align-items: center;
    padding: 25px 10px;
}

.ai-services-row .get-free-consultation>span:nth-child(2) {
    width: 44px;
    height: 40px;
    border-radius: 15px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}

.ai-services-row .section-head>h2>span {
    font-size: 50px;
    /* background: linear-gradient(183deg, #20E4FF -66.78%, #0781FA 29.8%); */
}

.ai-services-row p {
    width: 70%;
}

img.overlay-image-left {
    position: absolute;
    left: -185px;
    width: 40%;
    height: auto;
    top: 80px;
}

.section-two-services .section-head>h2>span {

    background: linear-gradient(118deg, #20E4FF -20.62%, #0781FA 53.3%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

img.overlay-image-right {
    position: absolute;
    right: -185px;
    width: 40%;
    height: auto;
    top: 110px;
}


/* ==============services section 2 code============  */

.re-define-success-card .card-img-top {
    width: 100px;
    height: auto;
    transform: rotate(0deg) skew(15deg, 0deg);
}

.card.re-define-success-card {
    min-height: 450px;
    transform: skew(-15deg, 0deg);
    display: block;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.17) 67px 1px 38px -48px inset, rgba(0, 0, 0, -5.85) 0px -40px 30px 0px inset, rgba(0, 0, 0, -0.9) 1px -70px 40px 0px inset, rgba(0, 0, 0, -0.94) 0px -2px 0px, rgba(0, 0, 0, -0.91) 0px 4px 5px, rgba(-1, 0, 0, -0.91) -1px 8px 7px, rgba(0, 0, 0, -5.91) 0px 16px 8px, rgba(0, 0, 0, -0.91) 0px 32px 0px;
    width: 250px;
}

.number-wrap {
    background: #2191ff;
    padding: 20px;
    min-height: 48px;
    width: 110px;
    transform: skew(0deg, 0deg);
    z-index: 0;
    position: absolute;
    top: 70px;
}

.re-define-success-card h5.card-title {
    transform: rotate(0deg) skew(15deg, 0deg);
    color: #E4EAEA;
    font-family: Russo One;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0px;
}

.re-define-success-card .title-wrap {
    transform: rotate(0deg) skew(15deg, 0deg);
}

.re-define-success-card .title-wrap>h5 {
    color: #2191FF;
    font-family: Russo One;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.re-define-success-card .card-body {
    position: relative;
    padding-top: 150px;
}

.c2-bg {
    background: #1d39cf;
}

.sec-2-card-col {
    display: flex;
    justify-content: center;
}

/* ==============services section 3 code============  */
.step-count {
    background: var(--theme-blue);
    width: 50px;
    height: 50px;
    padding: 20px;
    border-radius: 50%;
    color: white;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.key-feature-img {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.step-1,
.step-2,
.step-3,
.step-4 {
    position: absolute;
}

.step-text {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    line-height: 17px;
    font-size: 14px;
}

.step-1 {
    width: 23%;
    text-align: left;
    top: 35%;
    left: 27%;
}

.step-2 {
    top: 50%;
    width: 27%;
    text-align: left;
    left: 74%;
}

.step-3 {
    top: 60%;
    left: 4%;
    width: 24%;
    text-align: left;
}

.step-4 {
    top: 73%;
    width: 24%;
    text-align: left;
    left: 60%;
}

.steps-parent {
    min-height: 500px;
}

.our-key-right-col {

    /* background-image: url('/dev/ai-images/plane.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px; */

}

/* ==============services section 4 code============  */

.cg-ai-stats-left {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

.serv-request {
    border-radius: 20px;
    background: linear-gradient(270deg, #96D1DB -99.18%, #0A8EFB 97.7%);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.01);
    width: 225px;
    height: 55px;
    font-weight: 500;
    color: white;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    gap: 19px;
    align-items: center;
    min-width: 193px;
}

.b-i-s-top-btns .serv-request {
    margin: inherit;
}

.boost-your-business {
    position: relative;
    z-index: 9;
    max-width: 818px;
    margin: 0px auto;
}

.serv-request>span:nth-child(2) {
    width: 44px;
    height: 40px;
    border-radius: 15px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}

img.cg-ai-stats-right {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

.section-five-services {
    background: linear-gradient(180deg, #03A5FE 0%, #0A53F6 100%);
}

.section-five-services p {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.service-request {
    border-radius: 20px;
    background: linear-gradient(270deg, #96D1DB -99.18%, #0A8EFB 97.7%);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.01);
    width: 215px;
    height: 43px;
    font-weight: 500;
    color: white;
    display: flex;
    justify-content: center;

    gap: 19px;
    align-items: center;
}

.section-six-services .service-request>span:nth-child(2) {
    width: 44px;
    height: 40px;
    border-radius: 15px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}

.cg-ai-services-row .section-head>h2>span {
    background: linear-gradient(183deg, #20E4FF -66.78%, #0781FA 29.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
}


/* ========business-intelligence-section-1==============  */
.business-intelligence-top-section {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/services-bgtop-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
}

img.b-i-bg-rectangle {
    position: absolute;
    bottom: 165px;
    right: 0px;
    transform: scalex(1.4);
}

.section-two-BI {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/section2-BI-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
}

.sec-2-BI-card-row .benefits-BI-card {
    background: transparent;
    min-height: 365px;
}

.benefits-BI-card .card-title {
    color: #000;
    font-family: Russo One;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.benefits-BI-card .title-wrap h5 {
    color: #0781FA;
    font-family: Russo One;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.benefits-BI-card .card-text {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.benefits-BI-card::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0px;
    border: 9px solid var(--theme-blue);
    z-index: -1;
    border-right-color: transparent;
    border-end-end-radius: 8px 30px;
    border-start-end-radius: 8px 80px;
}

.benefits-BI-card::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 98%;
    right: 0px;
    border: 2px solid #a5a5a5;
    z-index: -1;
    border-left-color: transparent;
    margin-top: 3px;
}

.benefits-BI-card .card-body::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #a5a5a5;
    border-radius: 50px;
    left: -6px;
    right: 0;
    margin: auto;
    top: 0px;
}

.benefits-BI-card .card-body::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #a5a5a5;
    border-radius: 50px;
    left: -6px;
    right: 0;
    margin: auto;
    bottom: -15px;
}

.benefits-BI-card .card-body {
    position: relative;
}

.card-overlay {
    background: linear-gradient(180deg, rgba(11, 123, 195, 0.10) 0%, rgba(91, 172, 222, 0.10) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 7px;
}

.list-icon-2 li h6 {
    color: black !important;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif !important;
}

ul.list-icon-2 li {
    display: flex;
    gap: 10px;
}

ul.list-icon-2 span.icon {
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
}

ul.list-icon-2 .icon>i {
    background: #D9D9D9;
    padding: 5px;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-blue);
    font-weight: 900;
    font-size: 17px;
}

.why-choose-BI-img {
    max-width: 500px;
    width: 100%;
    height: auto;
}

.tech-we-utilize-img {
    max-width: 500px;
    width: 100%;
    height: auto;
}

.why-choose-wrap {
    width: 70%;
}

/* ========business-intelligence-section-1==============  */
.our-BI-service {
    position: relative;
}

.card.our-BI-card {
    border-radius: 40px;
    padding: 20px;
    /* max-height: 552px;
    height: 100%; */
    background: #049EFD;
    box-shadow: 0px 8.574px 20.005px 0px rgba(0, 0, 0, 0.20);
}

.our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -120px;
    /* border: 1px solid; */
    max-width: 600px;
}

.benefits-of-text-to-speech-txt {
    position: relative;
}

.section-two-ai-chatboat .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -120px;
    /* border: 1px solid; */
    max-width: 600px;
}




.see-proj-btn {
    background: linear-gradient(45deg, #77BBFF, #05D4F500);
    border: none;
}

.card.our-BI-card .card-text {
    line-break: anywhere;
}

.see-proj-btn>i {
    margin-left: 10px;
}

.section-three-BI {
    background: #F3F7FE;
}

ul.list-icon-3 {
    list-style: none;

}

.big-data-text {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    margin-left: 20px;
}

ul.list-icon-3>li {
    display: flex;
    border-radius: 50px;
    background: #F3F7FE;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    height: 70px;
    margin-bottom: 30px;
}

ul.list-icon-3>li>.icon {
    width: 90px;
    border-radius: 50px;
    background: #F9F9F9;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    color: var(--theme-blue);
    font-family: Russo One;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.big-data-img {
    max-width: 700px;
    width: 100%;
    height: auto;
}

.section-two-BI .section-head>p {
    max-width: 826px;
}

.section-seven-home .section-head>p {
    max-width: 826px;
}

.section-head>p {
    font-weight: 400 !important;
}

/* ====================business-process-automation-service========= */
.business-process-cards .card-number {
    color: #8F9193;
    font-family: Russo One;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.business-process-cards .title-wrap>h5 {
    color: #0781FA;
    font-family: Russo One;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.business-process-cards .card-text {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.business-process-cards {
    border: none;
    background: #F3F7FE;
}

.business-process-cards-wrap {
    position: relative;
}

.business-process-cards-wrap::before {
    content: url('/dev/ai-images/vector.png');
    display: block;
    width: 100px;
    height: 100%;
    position: absolute;
    left: -23px;
    overflow: hidden;
}

.serv-request {
    /* ... your existing styles ... */
    position: relative;
    /* Add relative positioning to the container */
}

.serv-request:hover span:last-child {
    transform: translateX(10px);
    /* Move the last child (arrow) 5 pixels to the right */
    transition: transform 0.3s ease;
    /* Add a smooth transition effect */
}

.sld-icons-wrap>a:hover {
    /* background: inherit; */
    background: white;
}

/* ===========ai-powered chatboat ======================== */
.ai-chatboat-img-wrap-inner img {
    max-height: 450px !important;
}

.ai-chatboat-top-section {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/services-bgtop-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
}

.ai-chatboat-card .card-body img {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.ai-chatboat-card .card-body h5 {
    color: #086CF8;
    font-family: Russo One !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ai-chatboat-card .card-body p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card.ai-chatboat-card .card-body {
    border: none !important;
}

.section-two-ai-chatboat {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/chat-boat-we-develop-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center !important;
    margin: 100px 0px;
}

.card.ai-chatboat-card {
    background: transparent;
}

.section-five-ai-chatboat {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/chatboat-workflow-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center !important;

}

.section-five-ai-chatboat .our-BI-service::before {
    /* position: absolute;
        content: "";
        background-image: url('/dev/ai-images/our-BI-bar.png');
        width: 100%;
        height: 100px;
        background-size: 40% 100%;
        background-repeat: no-repeat;
        background-position: center;
        top: 35px;
        left: -39%;
 */

    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -120px;
    /* border: 1px solid; */
    max-width: 600px;
}

.ai-chatboat-top-section img.b-i-bg-rectangle {
    position: absolute;
    bottom: 70px;
    right: 0px;
    transform: scalex(1);
    z-index: -1;
}

.section-three-ai-chatboat {
    background: linear-gradient(180deg, #03A5FE 0%, #0A53F6 100%);
}

/* ===============data-analyisis-service============== */
.challenges-we-solve {
    max-width: 641px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.20);

}

.challenges-we-solve-inner {
    max-width: 575px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #0781FA;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.20);
}

img.ChallengesWeSolve-img {
    position: absolute;
    top: -30px;
    max-width: 600px;
    width: 100%;
    left: -160px;
}

.section-two-data-analysis .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -34px;
    /* border: 1px solid; */
    max-width: 600px;
}

.cws-text>h4:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: var(--theme-blue);
    top: 0px;
    left: -29px;
    border-radius: 50%;
}

.cws-text {
    position: relative;
    margin-bottom: 60px;
}

.cws-text.cws-text-2 {
    margin-left: 60px;
}

.cws-text.cws-text-3 {
    margin-left: 100px;
}

.cws-text.cws-text-4 {
    margin-left: 60px;
}

.ChallengesWeSolve-row {
    min-height: 600px;
    height: 100%;
    margin-top: 50px;
}

.ChallengesWeSolve-col-left {
    width: 30%;
}

.ChallengesWeSolve-col-right {
    width: 65%;
}

.cws-text>h4 {
    color: #0781FA;
    font-family: Russo One;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cws-text>p {
    color: #000;
    font-size: 15px;
    line-height: normal;
}

.data-analysis-card .card-title {
    color: #000;
    font-family: Russo One;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.data-analysis-card .title-wrap h5 {
    color: #0781FA;
    font-family: Russo One;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.data-analysis-card .card-text {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.step {
    display: block;
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 50px;
    background: #147dfa;
    z-index: 9;
    position: relative;
    margin: 20px 0px;
}

.step-card-1:before {
    content: "";
    position: absolute;
    background: black;
    height: 3px;
    width: 100%;
    left: 64px;
    top: 60px;
    z-index: 9;
}

.section-two-natural-language .step-card-1:after {
    position: absolute;
    content: "\f061";
    padding-right: 10px;
    font-family: 'FontAwesome';
    top: 56.5px;
    right: -47px;
    font-size: 18px;
}

.section-two-natural-language .step-card-1:before {
    content: "";
    position: absolute;
    background: black;
    height: 3px;
    width: 73%;
    left: 116px;
    top: 68px;
    z-index: 9;
}

.step-card-2:before {
    content: "";
    position: absolute;
    background: black;
    height: 3px;
    width: 100%;
    left: 64px;
    top: 60px;
    z-index: 9;
}

.section-two-natural-language .step-card-2:after {
    position: absolute;
    content: "\f061";
    padding-right: 10px;
    font-family: 'FontAwesome';
    top: 56.5px;
    right: -47px;
    font-size: 18px;
}

.section-two-natural-language .step-card-2:before {
    content: "";
    position: absolute;
    background: black;
    height: 3px;
    width: 73%;
    left: 116px;
    top: 68px;
    z-index: 9;
}

.step-card-3:before {
    content: "";
    position: absolute;
    background: black;
    height: 3px;
    width: 100%;
    left: 64px;
    top: 60px;
    z-index: 9;
}

.section-two-natural-language .step-card-3:after {
    position: absolute;
    content: "\f061";
    padding-right: 10px;
    font-family: 'FontAwesome';
    top: 56.5px;
    right: -47px;
    font-size: 18px;
}

.section-two-natural-language .step-card-3:before {
    content: "";
    position: absolute;
    background: black;
    height: 3px;
    width: 73%;
    left: 116px;
    top: 68px;
    z-index: 9;
}

.step-card-4:before {
    content: "";
    position: absolute;
    background: #000000;
    height: 3px;
    width: 100%;
    left: 64px;
    top: 60px;
    z-index: 9;
    opacity: 0;
}

.section-two-natural-language .step-card-4:after {
    position: absolute;
    content: "\f061";
    padding-right: 10px;
    font-family: 'FontAwesome';
    top: 56.5px;
    right: -47px;
    font-size: 18px;
    opacity: 0;
}

.section-two-natural-language .step-card-4:before {
    content: "";
    position: absolute;
    background: black;
    height: 3px;
    width: 73%;
    left: 116px;
    top: 68px;
    z-index: 9;
    opacity: 0;
}

.wining-data-analysis {
    max-width: 580px;
    width: 100%;
    height: auto;
}

.section-four-data-analysis:before {
    content: "";
    position: absolute;
    background-image: url('/dev/ai-images/wining-data-border-img2.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100px;
    top: -80px;
}

.section-four-data-analysis {
    overflow: visible !important;
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/chat-boat-we-develop-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;

}

.section-two-data-analysis .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -33px;
    /* border: 1px solid; */
    max-width: 600px;
}

.section-two-data-analysis .section-title-text {
    margin-left: 70px;
}

/* =================content generation code =========== */
.content-gen-card .card-body img {
    width: 60px;
    height: 60px;
}

.content-gen-card .card-body {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    gap: 15px;
}

.content-gen-card-txt-wrap>h5 {
    color: #0781FA;
    font-family: var(--ruso) !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sec-three-cont-gen-img {
    max-width: 550px !important;
    width: 100%;
    margin-top: 20px;
}

.section-four-mkt-solution .section-head {
    position: absolute;
    max-width: 520px;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content-generation-top-section {
    padding-bottom: 50px;
}

.cont-mkt-sol-img-wrap {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.content-generation-top-section img.b-i-bg-rectangle {
    position: absolute;
    bottom: 200px;
    right: 0px;
    transform: scalex(1);
    z-index: -1;
}

.section-six-content-generation ul.list-icon-2 .icon>i {
    background: #D9D9D9;
    padding: 5px;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    font-weight: 900;
    font-size: 17px;
}

.our-BI-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    min-height: 350px;
}

/* ==============text-to-speech-service========================= */
.benefits-of-text-to-speech-txt h2.section-title-text {
    margin-left: 70px;
}

.benefits-of-text-to-speech-txt::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/text-to-speech-before-img.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -120px;
    /* border: 1px solid; */
    max-width: 600px;
}

.section-six-text-to-speech .our-BI-service {
    position: relative;
}

.section-six-text-to-speech .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/txt-to-speech-blogs-before.png');
    width: 423px;
    height: 120px;
    background-size: 100%;
    background-position: center;
    top: 30px;
    left: -12px;
}

.section-six-text-to-speech h2.section-title-text {
    margin-left: 110px;
}

/* ================text-data-extraction-code============== */

/* 
.section-three-text-data-extraction {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/text-data-extraction-three-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
} */
.section-three-text-data-extraction {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/text-data-extraction-three-bg.png');
    background-size: 100% 75%;
    background-repeat: no-repeat;
    background-position: top !important;
}

.section-five-text-data-extraction .card .benefits-img-wrap>img {
    width: 48px;
    height: auto;
}


.section-seven-text-data-extraction span.icon {
    min-width: 90px;
    width: 90px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px 0px;
    color: var(--theme-blue);
    font-family: "Russo One";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 50px;
    background: rgb(249, 249, 249);
}

.section-seven-text-data-extraction .big-data-text {

    margin-left: 20px;
}

.section-seven-text-data-extraction .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: 70% 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -170px;
    /* border: 1px solid; */
    max-width: 600px;
}

.section-six-text-to-data .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url(/dev/ai-images/our-BI-bar.png);
    width: 100%;
    height: 120px;
    background-size: 100% 100%;
    background-position: center;
    top: 46%;
    left: -78px;
}

.section-five-text-data-extraction>.container {
    position: relative;
}

.section-five-text-data-extraction>.container::before {
    position: absolute;
    content: "";
    background-image: url(/dev/ai-images/benefits-bottom-left.png);
    width: 100%;
    height: 120px;
    background-size: 70% 100%;
    background-position: center;
    bottom: -10%;
    left: -20%;
    z-index: 9;
    background-repeat: no-repeat;
}

.section-five-text-data-extraction>.container::after {
    position: absolute;
    content: "";
    background-image: url(/dev/ai-images/benefits-bottom-right.png);
    width: 100%;
    height: 120px;
    background-size: 70% 100%;
    background-position: center;
    bottom: -7%;
    right: -20%;
    background-repeat: no-repeat;
}

.section-six-text-to-data .our-BI-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    min-height: 415px;
}

.section-seven-text-data-extraction .our-BI-service {
    position: relative;
    margin: 0px 15px;
}

/* =================api integration code======================= */
.section-two-api-integration {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/text-data-extraction-three-bg.png');
    background-size: 100% 75%;
    background-repeat: no-repeat;
    background-position: top !important;
}

.section-two-api-integration .card {
    background: transparent;
}

.api-cards .card-count {
    min-width: 50px;
    height: 130px;
    /* transform: rotate(90deg); */
    border-radius: 20px;
    background: linear-gradient(360deg, #F1FDFF -97.64%, #0A8EFB 97.78%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    color: #FFF;
    font-family: Russo One;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 8px;
}

.api-cards .card-body {
    display: flex;
    gap: 15px;
    padding: 0px;
}
.section-two-natural-language .api-cards .card-body {
    display: flex;
    gap: 15px;
    padding: 0px;
    flex-direction: row !important;
}
.section-four-api-integration {
    position: relative;
}

.section-four-api-integration>.container::before {
    position: absolute;
    content: "";
    background-image: url(/dev/ai-images/benefits-bottom-left.png);
    width: 100%;
    height: 120px;
    background-size: 70% 100%;
    background-position: center;
    bottom: -6%;
    left: -20%;
    z-index: 9;
    background-repeat: no-repeat;
}

.section-four-api-integration>.container {
    position: relative;
}

.section-four-api-integration>.container::after {
    position: absolute;
    content: "";
    background-image: url(/dev/ai-images/benefits-bottom-right.png);
    width: 100%;
    height: 120px;
    background-size: 70% 100%;
    background-position: center;
    bottom: 0%;
    right: -20%;
    background-repeat: no-repeat;
}

.section-four-api-integration>.container>.row {
    padding: 70px 0px;
}

.section-six-api-integration .our-BI-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    /* min-height: 415px; */
    min-height: auto;
}

.section-seven-api-integration>.container {
    position: relative;
}

.section-seven-api-integration .text-bottom-bar::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: 56% 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: 15%;
    left: -30%;

}

.section-two-api-integration .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: 110% 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: 65%;
    left: -5%;
    /* border: 1px solid; */
}

section.section-two-natural-language .step {
    border-radius: 50px;
    background: #F9F9F9;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    color: var(--theme-blue);
    font-family: Russo One;
    font-size: 30px;
    width: 83px;
    height: 71px;
}

/* =================natural-language code======================= */
.section-two-natural-language .api-cards .card-text-wrap>img {
    width: 80px;
    height: auto;
}

.section-two-natural-language .api-cards .card-count {
    min-width: 48px;
    height: 170px;
    /* transform: rotate(90deg); */
    border-radius: 20px;
    background: linear-gradient(360deg, #F1FDFF -97.64%, #0A8EFB 97.78%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    color: #FFF;
    font-family: Russo One;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 8px;
}

.section-two-natural-language .card.api-cards {
    background: transparent;
}

.section-two-natural-language {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/text-data-extraction-three-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section-two-natural-language .card.data-analysis-card {
    background: transparent;
}

/* =================contact-us code======================= */
.contact-card-img {
    max-width: 200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.section-five-contact-us .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0%;
    left: -120px;
    /* border: 1px solid; */
    max-width: 600px;
}

.section-five-contact-us .our-BI-service::after {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: -8%;
    /* border: 1px solid; */
    max-width: 600px;
    transform: scale(-100%, 100%);
    top: 0%;
}

.section-two-natural-language {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/text-data-extraction-three-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.map>iframe {
    width: 100%;
    height: 500px;
}

.section-five-top-para {
    margin-top: -20px;
    margin-bottom: 40px;
}

.section-four-contact-us .api-cards .card-text-wrap>img {
    width: 80px;
    height: auto;
}

.section-three-contact-us .top-para {
    width: 65%;
}

/* ========popup code========== */
/* img.img-overlay {
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 22px;
}
.blog-modal-wrap{
   border-radius: 22px;
background: #0781FA; 
}
.newsletter-input-wrap {
    background: #D9D9D9;
    border-radius: 10px;
    border-radius: 10px;
    align-items: center;
}
.newsletter-input-wrap>input {
    border-radius: 12px;
    background: #D9D9D9;
    height: 60px;
    font-family: Poppins;
    color: #6D6D6D;
}
.footer-area .foot_subscribe input {
    background: #1f1f1f;
    color: #fff;
    font-size: 12px;
    border: 0;
}
.modal-title{
    color: #FFF;
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.48px;
text-transform: capitalize;
}
.modal-para{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.28px; 
}
.newsletter-input-wrap>.btn {
    height: 50px;
    margin-right: 5px;
    z-index: 9;
}
.newsletter-input-wrap>input:focus {
    background: #D9D9D9;
    box-shadow: none;
    border: none;
}
.social-links-wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.social-links-wrap>a>i {
    color: white;
    font-family: 'FontAwesome';
} */

/* ===========blog page code======= */
.blog-us-top-section {
    background: #EDF5FA;
    min-height: 400px;
    overflow: visible !important;
}

.blog-us-top-section {
    margin-bottom: 100px;
}

.blog-us-top-section::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/blog-top-curve.png');
    width: 100%;
    height: 100px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    bottom: -25%;
    left: 0;
    max-width: 100%;
}

div#docsearch {
    position: relative;
}

.header-search-input {
    padding: 10px;
    border-radius: 52px;
    padding: 10px 10px 10px 45px;
    height: 50px;
    background: rgba(0, 0, 0, 0.04);
}

div#docsearch>img {
    position: absolute;
    left: 12px;
    top: 15px;
}

/* .category-links-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
} */
a.cat-links {
    border-radius: 54px;
    border: 1px solid #b9b9b9;
    padding: 10px 15px;
    text-decoration: none;
    color: grey;
    text-transform: uppercase;
    min-width: fit-content;
    margin: 5px;
}

.cat-links.active {
    background: #c9e4ff;
    color: #007fff;
}

a.cat-links-one {
    color: #57565B;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 138.5%;
    text-transform: uppercase;
    position: relative;
    text-decoration: auto;
    padding: 10px 0px;
    margin: 0px 15px;
    min-width: fit-content;
}

a.cat-links-one:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: var(--theme-blue);
    left: 0;
    bottom: 0;
}

.blog-pagination .page-item .page-link {
    border: none !important;
    background: lightgray;
    color: #57565B;
    border-radius: 50%;
    min-width: 36px;
    text-align: center;
    margin: 0px 3px;
}

/* ================blog-view-page=================== */
.person-detail>img {
    width: 50px;
    height: auto;
}

.date-detail>img {
    width: 28px;
    height: auto;
}

.blog-posted-details {
    padding-left: 150px;
}

.person-detail>span>a {
    color: #000;
    /* font-family: Poppins; */
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

.person-detail>span {
    font-size: 18px;
}

.share {
    font-size: 21px;
    margin-right: 10px;
    margin-bottom: 0px;
}

.social-links-wrap>a>i {
    width: 33.216px;
    height: 31.975px;
    background: var(--theme-blue);
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-media-wrap {
    padding-right: 150px;
}

.date-detail span {
    vertical-align: sub;
}

h4.blog-heading {
    font-weight: 600;
    color: #57565B;
    font-family: 'Montserrat', sans-serif !important;
}

.section-three-blog-view .blog-heading {
    color: #57565B;
    font-family: Montserrat;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

section.section-three-blog-view {
    background: #F3F7FE;
}

.text-image-wrap {
    padding: 0px 23px;
}

.blockchain-tech ol {
    padding: 0px 30px;
}

.blog-page-img-wrap-1 {
    /* box-shadow: 10px -10px 0px 2px #57565B; */
    padding: 0px 15px;
    /* border-radius: 160px !important; */
}

/* .blog-page-img-wrap-2 {
    box-shadow: 10px -10px 0px 2px #57565B;
    padding: 0px;
    border-radius: 160px !important;
} */
/* .blog-page-img-wrap-2 {
    box-shadow: 7px 6px 0px 0px #086CF8;
    padding: 0px;
    border-radius: 20px !important;
} */
.blog-posted-details {
    padding-left: 150px;
    gap: 20px;
}
h1.iqrabisma-heading{
    font-size: 60px;
    font-weight: 700;
    
}
.text-shadow-white{
    text-shadow: 3px 3px 5px rgb(255, 255, 255);
}
/* ==========about us page============ */

.about-us-img-wrap-inner>img {
    max-width: 350px;
    width: 100%;
}

.list-icon-about-us .icon>i {

    color: #000000 !important;

}

.container-three-about-us .our-BI-service::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0%;
    left: -120px;
    /* border: 1px solid; */
    max-width: 600px;
}

.container-three-about-us .our-BI-service::after {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: -8%;
    /* border: 1px solid; */
    max-width: 600px;
    transform: scale(-100%, 100%);
    top: 0%;
}

.list-icon-about-us>li h6 {
    font-family: 'Russo One', sans-serif !important;
    color: #0965F8 !important;
}

.about-slider .swiper-slide>img {
    width: 150px;
}

.about-slider .swiper-slide {
    display: flex;
    justify-content: center;
}

.section-two-about-us .section-head::before {
    position: absolute;
    content: "";
    background-image: url('/dev/ai-images/our-BI-bar.png');
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 10%;
    left: -120px;
    /* border: 1px solid; */
    max-width: 600px;
}

.about-slider-card {
    border: 2px solid #0781FA;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.about-slider .swiper-slide-active .about-slider-card {
    min-width: 400px;
    overflow: visible !important;
    display: flex;
}
.about-slider-card .section-head:before {
    display: none;
}
.about-slider .swiper-wrapper {
    align-items: center;
}
.about-slider-card>img {
    width: 150px;
    height: auto;
    position: absolute;
    top: -30px;
    left: 15px;
}
.about-slider-card .section-head>h2{
    float: right;
    margin-right: 0px;
    font-size: 25px;
    margin-top: 15px;
}
.sld-icons-wrap {
    margin-right: 64px;
    margin-top: -20px;
}
.sld-icons-wrap>a>img {
    width: 20px;
    height: auto;
}
.home-slider-card  .sld-icons-wrap {
    margin-right: 13px;
    margin-top: 5px;
}




.about-card-next::after,.about-card-prev::after {
    display: none;
}
.about-card-next {
    background: var(--theme-blue);
    width: 60px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 35px;
    top: 101%;
    right: -3%;
    left: -80px;
}

.about-card-prev {
    background: var(--theme-blue);
    width: 60px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 35px;
    top: 101%;
    left: -144px;
}
.swiper.about-slider {
    overflow: visible !important;
}
.card-body {
    display: flex;
    flex-direction: column;
}

.sld-img-2 {
    width: 150px !important;
    height: 150px;
    border-radius: 50%;
}
.swiper-slide.swiper-slide-active .card-nav{
    display: block;
    position: relative;
}
.swiper-slide.swiper-slide-active .sld-img-2 {
    width: 150px;
    height: 150px;
    display: none;
}
.card.about-slider-card,.card-nav {
    display: none;
}
.about-slider-row{
    height: 100vh;
    align-items: flex-end;
    justify-content: center;
    overflow: visible;
    padding-bottom: 25px;
    position: relative;
}
.about-slider-row .about-slider {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/slider-back-line.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.slider-top-img {
    max-width: 380px;
    width: 100%;
    height: auto;
    position: relative;
}
.img-overlay-wrap {
    position: absolute;
    top: -450px;
    width: fit-content;
}
h1.card-text-top {
    color: rgba(181, 181, 181, 0.20);
    font-family: Russo One;
    font-size: 200px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about-slider-row .about-slider .swiper-slide.swiper-slide-prev, .about-slider-row .about-slider .swiper-slide.swiper-slide-next {
    top: -80px;
}
.img-overlay-wrap {
    display: none;
}

.swiper-slide.swiper-slide-active .img-overlay-wrap {
    display: block;
}
.section-two-about-us {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/section2-BI-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.about-us-top-section {
    width: 100%;
    height: 100%;
    background-image: url('/dev/ai-images/services-bgtop-1.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top !important;
}
.section-seven-ai-chatboat .our-BI-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    min-height: 270px;
}
/* ========================================================= */
/* Responsive Code   */
/* ========================================================= */
@media screen and (max-width:1400px) {
    .section-four-content-generation .our-BI-card .card-body {
      
        min-height: 400px;
    }
    .section-three-BI .our-BI-card .card-body {
      
        min-height: 390px;
    }
    .sec-three-boxes-row .ai-service-box.card {
   
        min-height: 540px;
      
    }
    .sec-2-BI-card-row .benefits-BI-card {
       
        min-height: 420px;
    }

    .section-six-text-to-data .our-BI-card .card-body {

        min-height: 490px;
    }

    .section-six-api-integration .our-BI-card .card-body {

        min-height: 370px;

    }

    .section-two-natural-language .step-card-1:before {
        width: 69%;
    }

    .section-two-natural-language .step-card-2:before {
        width: 69%;
    }

    .section-two-natural-language .step-card-3:before {
        width: 69%;
    }

    .section-two-natural-language .step-card-4:before {
        width: 69%;
    }

    .section-five-contact-us .our-BI-service::before {

        background-size: 61% 100%;
        top: 0%;
        left: -23%;
    }

    .section-five-contact-us .our-BI-service::after {

        background-size: 61% 100%;
        right: -23%;
        top: 0%;
    }
    .container-three-about-us .our-BI-service::before,.container-three-about-us .our-BI-service::after{
        display: none;
    }

    .home-ragular-course .single-ragular-course {

        min-height: 660px;
    }
}

@media screen and (max-width:1200px) {
    .section-four-content-generation .our-BI-card .card-body {
     
        min-height: 470px;
    }
    .section-three-BI .our-BI-card .card-body {
        min-height: 470px;
    }
    .sec-three-boxes-row .ai-service-box.card {
        min-height: 590px !important;
    }
    .sec-2-BI-card-row .benefits-BI-card {
       
        min-height: 455px;
    }

    .ChallengesWeSolve-row {

        display: flex;
        flex-direction: column;
    }

    .ChallengesWeSolve-col-left {

        width: 100%;
        display: flex;
        justify-content: center;
    }

    img.ChallengesWeSolve-img {

        position: inherit;
    }

    .ChallengesWeSolve-col-right {
        width: 100%;
        padding-left: 50px;
    }

    .cws-text {

        margin-left: 35px !important;
    }

    .our-BI-card .card-body {

        min-height: 480px;
    }

    .section-six-text-to-data .our-BI-card .card-body {

        min-height: 570px;
    }

    .section-six-api-integration .our-BI-card .card-body {
        min-height: 438px;
    }

    .section-two-natural-language .step-card-1:before {
        width: 63%;
    }

    .section-two-natural-language .step-card-2:before {
        width: 63%;
    }

    .section-two-natural-language .step-card-3:before {
        width: 63%;
    }

    .section-two-natural-language .step-card-4:before {
        width: 63%;
    }

    .social-media-wrap {
        padding-right: 0px;
    }

    .blog-posted-details {
        padding-left: 0px;
    }
    .about-numbers {
        padding: 0px !important;
    }
    .card.mb-3.ai-success-metric-card {
        
        min-height: 310px;
    }
    .ai-service-box.card {
        min-height: 605px;
    }
    .home-ragular-course .single-ragular-course {
   
        min-height: 700px;
    }
}

@media screen and (max-width:1024px) {
    .container {
        max-width: 100% !important;
        width: 100% !important;
    }

}

@media screen and (max-width:992px) {
    .section-four-content-generation .our-BI-card .card-body {
        min-height: 318px;
    }
    .container {
        max-width: 100% !important;
        width: 100% !important;
    }

    .our-BI-card .card-body {
        min-height: 300px;
    }

    .section-six-text-to-data .our-BI-card .card-body {

        min-height: 360px;
    }
}

@media screen and (max-width:991px) {
    .section-seven-ai-chatboat .our-BI-card .card-body {
        min-height: 220px !important;
    }
    .section-three-BI .our-BI-card .card-body {
        min-height: 330px;
    }
    .sec-three-boxes-row .ai-service-box.card {
        min-height: 484px !important;
    }
    .sec-2-BI-card-row .benefits-BI-card {
       
        min-height: auto;
    }

    .sec-2-BI-card-row .benefits-BI-card .card-body {
        position: relative;
        min-height: 350px;
    }

    .ai-service-box.card {
        min-height: auto;
    }
    .card.mb-3.ai-success-metric-card {
        
        min-height: auto;
    }

    .step-card-2:before {

        opacity: 0;
    }

    .section-six-api-integration .our-BI-card .card-body {
        min-height: 270px;
    }

    .section-two-natural-language .step-card-1:before,
    .section-two-natural-language .step-card-1:after {
        opacity: 0;
    }

    .section-two-natural-language .step-card-2:before,
    .section-two-natural-language .step-card-2:after {
        opacity: 0;
    }

    .section-two-natural-language .step-card-3:before,
    .section-two-natural-language .step-card-3:after {
        opacity: 0;
    }

    .section-two-natural-language .step-card-4:before,
    .section-two-natural-language .step-card-4:after {
        opacity: 0;
    }

    .section-five-contact-us .our-BI-service::before {
        display: none;
    }

    .section-five-contact-us .our-BI-service::after {
        display: none;
    }

    .our-BI-service::before {
        display: none;
    }

    .section-three-contact-us .top-para {
        width: 100%;
    }
    .img-overlay-wrap {
        display: none !important;
    }
    .about-slider-row {
       
        height: auto;
    }
    .section-two-about-us .section-head::before {
       display: none;
    }
    ul.navbar-nav {
        gap: 10px;
    }
    .cb-navbar-container {
        border-radius: 25px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .section-two-home .content {
        padding: 65px 20px;
  
    }
    .title {
        width: 100%;
    }
    .why-choose-wrap {
        width: 96%;
    }
}

@media screen and (max-width:768px) {
    .section-four-content-generation .our-BI-card .card-body {
        min-height: 366px;
    }
    .section-seven-ai-chatboat .our-BI-card .card-body {
        min-height: 260px !important;
    }
    .sec-three-boxes-row .ai-service-box.card {
        min-height: auto !important;
    }
    .section-three-BI .our-BI-card .card-body {
        min-height: auto;
    }
    .section-two-home s.content {
        padding: 65px 20px;

    }

    .p-w-cg-top-img-wrap {
        width: 100% !important;
    }

    .ai-chatboat-top-section img.b-i-bg-rectangle {
        display: none;
    }

    .section-four-mkt-solution .section-head {

        position: inherit;
        width: 100%;
        max-width: 768px;
    }

    .cont-mkt-sol-img-wrap {

        margin-top: 15px;
    }

    .benefits-of-text-to-speech-txt::before {
        display: none;
    }

    .benefits-of-text-to-speech-txt h2.section-title-text {
        margin-left: 0px;
    }

    .section-four-text-to-speech .our-BI-service::before {
        display: none;
    }

    .our-BI-card .card-body {
        min-height: 365px;
    }

    .section-six-text-to-data .our-BI-card .card-body {

        min-height: 445px;
    }

    .section-three-text-data-extraction {
        background-size: cover;
    }

    .section-six-api-integration .our-BI-card .card-body {
        min-height: 342px;
    }

    .section-four-api-integration>.container::before {

        bottom: -3%;

    }
    .why-choose-wrap {
        width: 100%;
        padding: 0px 15px;
    }
    
}

@media screen and (max-width:576px) {
    .section-four-content-generation .our-BI-card .card-body {
        min-height: auto;
    }
    .section-seven-ai-chatboat .our-BI-card .card-body {
        min-height: auto !important;
    }
    img.b-i-bg-rectangle{
        display: none;
    }
    .step-3 {
        top: 40%;
        left: 3%;


    }

    .step-1 {
        top: 15%;
        left: 30%;
    }

    .step-4 {
        top: 73%;
        left: 46%;
    }

    section.section-three-services {
        padding-bottom: 0px;
    }

    .step-card-2:before {

        opacity: 1;
    }

    .step-card-4:before {

        opacity: 1;
    }

    .section-two-data-analysis .section-title-text {
        margin-left: 0px;
    }

    .ChallengesWeSolve-col-right {

        padding-left: 15px;
    }

    .our-BI-card .card-body {
        min-height: auto;
    }

    .section-six-text-to-data .our-BI-card .card-body {

        min-height: auto;
    }

    .section-six-api-integration .our-BI-card .card-body {
        min-height: auto;
    }

    .step-card-1:before,
    .step-card-2:before,
    .step-card-3:before,
    .step-card-4:before {
        opacity: 0;
    }
    svg.home-topicons {
        width: 80px;
        height: 80px;
    }
    .sec-2-BI-card-row .benefits-BI-card .card-body {
        position: relative;
        min-height: 280px;
    }
}

@media screen and (max-width:425px) {
    .section-three-content-generation {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .section-six-content-generation .why-choose-wrap {

        padding: 0px 0px;
    }
    .ai-logo {
        max-width: 170px;
    }

    .cg-ai-services-row .section-head>h2>span {

        font-size: 40px;
    }

    .b-i-s-top-btns {
        flex-direction: column;
    }

    .section-head>h2 {
        font-size: 25px;
    }

    .content-gen-card .card-body {
        padding: 0px;
        flex-direction: column;
    }

    .blog-us-top-section::before {

        background-size: contain;
        bottom: -61px;
    }

    .blog-us-top-section {
        background: #EDF5FA;
        min-height: 300px;
        overflow: visible !important;
    }

    .about-slider .swiper-slide-active .about-slider-card {
        min-width: 100%;
     
    }
    
    .about-slider-card .section-head>h2 {
        float: left;
        margin-right: 0px;
        font-size: 25px;
        margin-top: -25px;
    }
    .sld-icons-wrap {
        margin-left: 0px;
    }
    .sld-icons-wrap>a {
        float: left;
    
    }
    .about-slider-card>img {
        position: inherit;
    }
    .home-slider-card .sld-icons-wrap>a {
        float: right;
    }
}

@media screen and (max-width:375px) {
    .card.re-define-success-card {
        max-width: 200px;
        width: 100%;
    }

    .blog-us-top-section::before {

        background-size: contain;
        bottom: -59px;
    }
}




/* =============animation========== */
@keyframes zoom {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(.99);
    }
    100% {
        transform: scale(0.9);
    }
   }
   @keyframes zoomIn {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.05);
    }
  }
  @keyframes btn-slide-left {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		transform: translateX(10);
	}
}
@keyframes serv-request {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		transform: translateX(10);
	}
}
@keyframes moveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px); /* Adjust the distance as needed */
    }
  }
  
  .strong-suits-img{
    animation: zoom 4s linear infinite; 
  }


  .ai-service-box.card:hover {
    transform: scale(1.05);
    transition: transform 0.4s ease-in-out;
  }
  

  
  .ai-service-box.card:hover {
    animation: zoomIn 0.3s forwards;
  }
  
  .ai-success-metric-card:hover {
    animation: zoomIn 0.3s forwards;
  }
  
  .ai-chatboat-card:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  .card.our-BI-card:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.benefits-BI-card:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.home-slider-card:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.business-process-section-three .business-process-cards {
    border: none;
    background: #F3F7FE;
    min-height: 370px;
}
.business-process-section-three .business-process-cards:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  
}
.section-three-natural-language .business-process-cards:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  
}
.section-three-natural-language .content-gen-card:hover .card-body{
    gap: 0px !important;
}
.section-three-natural-language .content-gen-card {
    min-height: 260px;
}
.content-gen-card:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.home-slider-card .sld-icons-wrap>a:hover {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: scale(1.1);
}
.card.ai-blog-card-home:hover img{

}

  .section-five-ai-chatboat img {
    animation: moveUpDown 3.5s ease-in-out infinite; /* Adjust the duration as needed */
  }
  .nav-item.active a {
    color: white; /* Change this to the desired color */
font-weight:700;
  }
  .data-analysis-card:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

.get-free-consultation:hover>span:nth-child(2) {
    transform: translate(10px, 0px);
    animation: btn-slide-left 0.8s ease 0s 1 normal forwards;
}

.serv-request:hover span:last-child {
    transform: translate(10px, 0px);
    animation: serv-request 0.8s ease 0s 1 normal forwards;
}

.card.our-BI-card:hover>img {
    transform: scale(1.01);
    transition: transform 0.1s ease;
}
.up-down-img-animation{
    animation: moveUpDown 3.5s ease-in-out infinite; 
  }
  .links-ul li:hover a {
    color: #02b0ff;
    
}
.see-proj-btn:hover i.fa-solid.fa-angle-right{
    transform: translate(10px, 0px);
    animation: serv-request 0.8s ease 0s 1 normal forwards;
}

  @keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }
  
  .read-wrap>.btn {
    transition: transform 0.5s ease, opacity 0.3s ease;
  }
  
  .read-wrap>.btn:hover {
    animation: pulse 0.5s ease-in-out;
  }
  .section-two-natural-language .api-cards .card-body:hover .card-count {
    transform: scale(1.2);
    transition: transform 0.5s ease-in-out;
}
.section-two-natural-language .data-analysis-card:hover .step {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: scale(1.2) !important;
    transition: transform 0.3s ease-in-out;
}
.section-two-natural-language .data-analysis-card:hover {
    box-shadow: none !important;
}
.category-links-wrap a.cat-links:hover {
    background: #c9e4ff;
    color: #007fff;
}
nav.blog-pagination .page-item:hover .page-link {
    background: #c9e4ff;
    color: #007fff;
}
.about-numbers span.counter {
    color: #FFF;
    font-family: Russo One;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.section-six-content-generation .list-icon-2 li h6 {
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    background: linear-gradient(182deg, #1A8AE1 1.32%, #0781FA 99.81%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--ruso) !important;
}

.community-service-wrapper .card>img {
    max-height: 250px;
    object-fit: cover;
    height: 100%;
}

/* gallery code  */

.gallery-container {
    width: 80%;
    max-width: 1200px;
    margin: auto;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.thumbnail {
    width: 150px;
    height: 150px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.2s;
}

.thumbnail:hover {
    border: 2px solid #000;
    transform: scale(1.05);
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 10;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.9);
}

.lightbox-content {
    margin: auto;
    display: block;
    max-width: 80%;
    max-height: 80%;
}

.close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* gallery code  */